<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    -->
    <style>
        /*  css代码*/
    </style>
    <script type="text/javascript">
        //  这是js的内嵌写法
        /*
        *  这是一个多行注释
        *
        * */
        // alert('这是内嵌js代码的用法')
        console.log('这是内嵌js代码的用法1')
    </script>

    <script>

        console.log('这是内嵌js代码的用法2')
    </script>

    <!--    引入外部js文件  要是用独立script 不要与内嵌的标签写在一起-->
    <script src="static/base.js"></script>
</head>
<body>
<!--
        javascript基本介绍
        1. ECMAScript     js 基础语法  变量  流程控制  输入  输出
           1.1  js的基本使用方式    弱类型的脚本语言   嵌入到网页中使用
             行内式    js代码直接写在标签中
             内嵌式    js代码写在script标签内部
             外链式    以独立文件的形式编写js代码  .js
        2. dom     文档对象模型      实现网页的动态渲染
        3. bom     浏览器对象模型     js代码实现浏览器操作   刷新 前进  后退
-->
<!--行内式-->
<a href="javascript:alert('这是行内式js代码');">baidu</a>

</body>
</html>

